<template>
    <div class="login">
        我是登录页1
        <router-link :to="{name:'home'}">
            跳转首页
        </router-link>
        <p>我是html标签的图片</p>
        <img src="../../../assets/FJ1.jpg" alt="" style="width: 100px;"/>
        <p>我是css的背景图片</p>
        <div class="image"></div>
    </div>
</template>

<script>
  import {reactive,toRefs,defineComponent,getCurrentInstance} from 'vue'
  
  export default defineComponent({
    setup() {
      console.log('登录页进入')
      const {proxy} = getCurrentInstance();
      // ---------------------------------
      let data=reactive({
        
      })
      let refData = toRefs(data);
      return {...refData}
    },
  })
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
  .login{
    .image{
      width: 100px;
      height: 200px;
      background: url('../../../assets/FJ1.jpg');
      background-size: cover;
      margin: 0 auto;
    }
  }
</style>